body {
    min-height:20rem;
    width:100%;
    padding-top:1.5rem ;
    /*background-color:pink; */
}
.photobox img {
    width:13rem;
}
.photobox {
    width:14rem;
    height:14rem;
    border:1px solid #eaeaea;
    border-radius:.4rem;
    overflow:hidden;
    background-color:#fff;
    margin:0 auto 1.5rem;
    padding:1.5rem;
    border:1px solid #e1e1e1;
    position:relative;
}
.group_message {
    background-color: #fff;
    padding: .025rem .5rem;
    width: 100%;
    overflow: hidden;
    border-top:1px solid  #f5f5f5;
    border-bottom:1px solid  #f5f5f5;
}
.myinfo_row {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    margin:0 auto;
    border-bottom:1px solid #f5f5f5;
    float:left;
}
input {
    border:none;
    height:2rem;
    line-height:2rem;
}
.rowtitle {
    text-align: left;
    display: block;
    float: left;
    width: 6rem;
    font-size: .8rem;
    color:#4a4a4a;
    overflow:hidden;
}
.myinfo_row input {
    color: #4a4a4a;
    font-size: .8rem;
    display: block;
    margin-top: .1rem;
    height: 2.2rem;
    background-color:transparent;
    width:10rem;
    float:right;
    text-align:right;
}
.group {
    padding: 0 .5rem;
    background-color: #fff;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    float: left;
    width: 100%;
    overflow:hidden;
}
.leader ,
.member{
    width: 100%;
    display: block;
    font-size: .8rem;
    color: #4a4a4a;
    padding-left: .5rem;
    height: 2.5rem;
    line-height: 3rem;
}
.member {
    width:40%;
    float:left;
}
.member_change,
.member_check {
width: 15%;
    display: block;
    float: right;
    font-size: .8rem;
    color: #fff;
    border: 1px solid #4097ee;
    border-radius: .5rem;
    text-align: center;
    height: 1.5rem;
    margin-top: .5rem;
    line-height: 1.5rem;
    margin-right: .5rem;
    background-color: #4097ee;
    transition:all 0.5s ease 0s;
}
.leader_name {
    padding-left:.5rem;
    font-size:.8rem;
}
.member_name {
    border-bottom:1px solid #f5f5f5;
    height:2rem;
    line-height:2rem;
    font-size:.8rem;
    padding-left:.5rem;
    color:#4a4a4a;
    position:relative;
}
.member_name input {
    background-color:transparent;
    font-size:.8rem;
    color:#4a4a4a;
}
.icon_del {
    display: block;
    float: right;
    border: 2px solid red;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    line-height: .4rem;
    text-align: center;
    color: red;
    font-size: 2rem;
    box-sizing: border-box;
    position: absolute;
    right: -3rem;
    top: 50%;
    margin-top: -.5rem;
    transition:all 0.3s ease-in 0s;
    text-indent: -.05rem;
}
.icon_add {
    display: block;
    float: right;
    border: 2px solid #4097ee;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    line-height: .6rem;
    color: #4097ee;
    font-size: 1.5rem;
    box-sizing: border-box;
    position: absolute;
    right: -2rem;
    top: 50%;
    margin-top: -.5rem;
    transition: all 0.3s ease-in 0s;
    text-align: center;
    text-indent: -.16rem;
}
.icon_del_toggel {
    right:.5rem;
}
.icon_add_toggel {
    right:2rem;
}
#member_new {
    margin-bottom:1.5rem;
}
.erweima {
   	position:absolute;
    width:3rem;
    height:1.5rem;
    line-height:1.5rem;
    left:50%;
    margin-left:-1.5rem;
    top:50%;
    margin-top:-.75rem;
    background-color:rgb(46,151,238);
    border-radius:.2rem;
    color:#fff;
   /*  display:none; */
}